<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>el与data的两种写法</title>
</head>
<body>
  <div id="app">
    <p>{{name}}</p>
  </div>
<script src="../js/vue.js"></script>
<script type="text/javascript">
  const vm=new Vue({

    //el与data的第一种写法
    // el:"#app",
    // data:{
    //   name:"君心一隅"
    // }

    //el与data的第二种写法
    data(){
      return{
        name:"君心一隅"
      }
    }
  })
  //以挂载的方式指定元素可以更加灵活的决定实例为哪个元素服务
  setTimeout(function (){vm.$mount("#app")}
          ,1000)

</script>
</body>
</html>
